<?php
include 'source/sesion.php';
verificarSesion();
?>

<!DOCTYPE html>


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Kasai - Direccion Regional de Nicoya</title>

        <link rel="stylesheet" href='css/styl.css' type="text/css">
        <link rel="stylesheet" href="css/jquery-ui-1.10.2.custom.css" type="text/css"/>        
        <link rel="stylesheet" href="css/fullcalendar.css" type="text/css"/>                
        <link rel="stylesheet" href="css/main.css" type="text/css"/>                


        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


        <script src="scripts/jQuery/jquery-1.9.1.js"></script>
        <script src="scripts/jQuery/jquery-ui.js"></script>
        <script type="text/javascript" src="scripts/fullCalendar/fullcalendar.js"></script>        
        <script type="text/javascript" src="scripts/dataTables/jquery.dataTables.js"></script>
        <script src="scripts/kasai/MiPerfil.js"></script>



    </head>

    <body>

        <!-- *********  Menu  ********** -->
        <div id="header">
            <div id="header_in">
                <a href="index.html"><div id ="logobox"></div></a>
                <div id="menu">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="MiPerfil.html" class="active">Mi perfil</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="ourwork.html">Our work</a></li>
                        <li><a href="contact.html">Contact</a></li>                        
                    </ul>
                </div>                
            </div>
        </div>

        <!-- *********  SubMenu  ********** -->
        <div id="panelSuperior">
            <div id="panelSuperior_Contenido">                                                
                <div class="subMenu">
                    <ul>
                        <?php
                        //    include 'source/sesion.php';
                        imprimirFunciones()
                        
                        ?>
                    </ul>

                </div>                                
            </div>
        </div>

        <!-- *********  Contenido  ********** -->
        <div id="contenedor">
            <div id="informacion">
                <label>Asunto:</label>
                <p id="Asunto"></p>
                <label>Lugar:</label>
                <p id="Lugar">2</p>                
                <label>Inicia el dia:</label>
                <p id="FechaInicio"></p>
                <label>al ser:</label>
                <p id="HoraInicio"></p>
                <label>Finaliza el dia:</label>                
                <p id="FechaFinal"></p>                
                <label>al ser:</label>
                <p id="HoraFinal"></p>
                <label>Anexo</label>
                <p id="Anexo"></p>
                <label>Enviado por:</label>
                <p id="Remitente"></p>                
                <label>el dia</label>
                <p id="FechaEnvio"></p>
            </div>
            
            <!-- Panel Izquierdo Calendario -->                
            <div id="calendar" class="fc fc-ltr ui-widget">
                <input type="button" id="ff" name="ff" value="Agregar evento"/><br/>
            </div>
        </div>       

        <!-- Agregar -->
        <div id="add">
        <form action="source/pruebas.php?action=crearEvento" method="post" enctype="multipart/form-data" id="e"> 
            <div id='resultado' style="display: none"></div>
            <label>Asunto:</label>
            <input type="text" id="Asunto" name="Asunto" required/><br/>            
            <label>Lugar:</label>
            <input type="text" id="Lugar" name="Lugar" required/><br/>                
            <label>Tipo de evento</label>
            <select id="TipoEvento" name="TipoEvento">
                <option value="Reunion">Reunion</option>                    
                <option value="Circular">Circular</option>
                <option value="Capacitacion">Capacitacion</option>
                <option value="Personal">Personal</option>
                <option value="Aviso">Aviso</option>
            </select><br/>
            <label>Inicia el dia:</label>
            <input type="date" id="FechaInicio" name="FechaInicio" required/><br/>            
            <label>Finaliza el dia:</label>             
            <input type="date" id="FechaFinal" name="FechaFinal" required/><br/>            
            <div style="margin-bottom: 20px; margin-top: 10px;">
                <label>Difinir hora</label><br/>
                <input type="radio" name="DefinirHora" value="0" checked>No
                <input type="radio" name="DefinirHora" value="1">Si<br/>                
            </div>
            <div id="HI" style="display: none">
                <label for="HoraInicio">Hora de Inicio:</label>
                <input type="time" id="HoraInicio" name="HoraInicio"/>
            </div>
            <div id="HF" style="display: none">
                <label>Hora de finalizacion:</label>
                <input type="time" id="HoraFinal" name="HoraFinal"/>
            </div>            
            <label>Anexo</label>
            <input type="file" id="Anexo" name="Anexo"/><br/>      
            <input type="submit" id="sbt" style="display: none">
        </form>
        <div id='load'></div>        
        </div>
        
        <div id="crudEvento">            
            <div id="conte" style="width: 100%">            
                <table id="example" width="100%" cellpadding="0" cellspacing="0" border="0" class="display">
                    <thead>
                        <tr>
                            <th>Cedula</th>
                            <th>Nombre</th>
                            <th>Telefono</th>                            
                            <th>Correo</th>                            
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>            
                </table>
            </div>
        </div>
        
        <div id="mensaje" title="Error"></div>
        
        
        <!-- *********  Pie de pagina  ********** --><hr>        
        <div id="footer">
            <div id="footer_in">                
                <p><a href="#">Direccion Regional Nicoya &mdash;  Circuito #03</a></p>
            </div>
        </div>
                
        
    </body>
</html>
